<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/page/public/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>垫款管理</title>
<% request.setAttribute("menu", 1); %>
<%@ include file="/WEB-INF/page/public/contentmeta.jsp"%>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<%=basePath%>css/global.css" media="all" />
<link rel="stylesheet" href="<%=basePath%>plugins/font-awesome/css/font-awesome.min.css"/>
<link rel="stylesheet" href="<%=basePath%>css/system.css" media="all"/>
<link rel="stylesheet" href="<%=basePath%>css/tab.css" media="all" />
<style type="text/css">

/* 收款弹窗 */
.collection-money { display:none; }




</style>
</head>
<body>

<div class="admin-tab admin-user">
    <div class="tab-condition">
        <form class="layui-form clefix" id="htform" action="/finance/advancelisturl" method="post">
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="text" name="keyWord" id="keyWord"  autocomplete="off" placeholder="请输入关键字" class="layui-input" value="${pager.params.KeyWord}">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="width:170px;">
                	<select name="approvalstatus" id="approvalstatus" value="">
                		<option value="-1">审批状态</option>
                		<option value="0">待审批</option>
                		<option value="1">审批中</option>
                		<option value="2">通过</option>
                		<option value="3">驳回</option>
                		<option value="4">完成</option>
                	</select>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="width:170px;">
                	<select name="state" id="states" value="">
                		<option value="-1">回款状态</option>
                		<option value="0">待付款</option>
                		<option value="1">已付款</option>
                	</select>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="width:170px;">
                	<select name="contractsign" id="contractsign" value="">
                		<option value="-1">合同状态</option>
                		<option value="0">已签合同</option>
                		<option value="1">未签合同</option>
                	</select>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="width:170px;">
                    <input type="text" style="width:170px;" name="sttime" id="sttime"  placeholder="起始时间" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})" value="${pager.params.sttime}">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block" style="width:170px;">
                    <input type="text" style="width:170px;" name="entime" id="entime"  placeholder="结束时间" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})" value="${pager.params.entime}">
                </div>
            </div>
            <div class="layui-form-item">
	            <input name="skipToPage" id="skipToPage"  type="hidden" value="${pager.pageNo}">
				<input type="hidden" id="pageNo" name="pageNo" value="${pager.pageNo}">
				<input type="hidden" id="totalPage" name="totalPage" value="${pager.totalPages}">
				<input type="hidden" id="approvalstatushide" value="${pager.params.approvalstatus}">
				<input type="hidden" id="contractsignhide" value="${pager.params.contractsign}">
				<input type="hidden" id="stateshide" value="${pager.params.state}">
                <button class="layui-btn TM-btn-search searchbtn" lay-submit="" lay-filter="demo2"><i class="layui-icon layui-unselect layui-tab-close">&#xe615;</i>搜索</button>
               <button class="layui-btn refreshbtn"  type="button"><i class="layui-icon layui-unselect layui-tab-close ">&#x1002;</i>刷新</button>  
            </div>
        </form>
         <div style="margin: 25px 0 10px 0; float: left;">
			<a class="layui-btn layui-btn-radius layui-btn-small  layui-btn-danger"><i class="iconfont icon-money"></i>&nbsp;垫款总额： <fmt:formatNumber value="${totalmoney}" pattern="#,#00"/>元</a>
		</div>
    </div>
    <div class="layui-field-box">
        <table class="site-table table-hover TM-table-news">
            <thead>
            <tr>
                <th style="width:5%;">编号</th>
                <th style="width:10%;">证书拥有人</th>
                <th style="width:10%;">付款金额</th>
                <th style="width:10%;">付款方式</th>
                <th style="width:10%;">付款类型</th>
                <th style="width:10%;">来源</th>
                <th style="width:10%;">状态</th>
                <th style="width:10%;">申请时间</th>
                <th style="width:25%;">操作</th>

            </tr>
            </thead>
            <tbody>
	            <c:forEach var="obj" items="${pager.resultList}" varStatus="o1">
		            <tr>
			               <td>${o1.index+1}</td>
			                <td>${obj.customerInfo.cname}</td>
			                <td><fmt:formatNumber value="${obj.totalamount}" pattern="#,#00"/>元 (${obj.contractid>0?"已签合同":"未签合同"})  </td>
			                <td>${obj.transfertype==0?"现金":"转账"}</td>
			                <td>${obj.paytype==0?"预付款":"全款"}</td>
			                 <td>${obj.source==0?"个人":"中介"}</td>
			                <td>${(obj.approvalstatus==2||obj.approvalstatus==4)?"已付款":"待付款"}</td>
			                 <td>${obj.createdate.substring(0,10)}</td>
			                <td><a class="layui-btn layui-btn-normal layui-btn-mini  showpaymentinfo" data="${obj.id}"   type="button">查看</a></td>
		            </tr>
	            </c:forEach>
            </tbody>
        </table>
        <div class="admin-table-page">
            <div id="page" class="page"></div>
        </div>	
    </div>
</div>
 


<script>
    layui.config({
        base: 'plugins/layui/modules/'
    });
    layui.use(['element','laypage','form','laydate','layer'], function() {
        var $ = layui.jquery,
                laypage = layui.laypage,
                layer = layui.layer,
                element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块
        var form = layui.form();
                
        //更新渲染
        form.render();
        
        
        var pageNo = $("#pageNo").val();
    	var totalPage = $("#totalPage").val();
    	
      //page
        laypage({
            cont: 'page',
            curr: pageNo//'${pager.pageNo}'
            ,pages: totalPage//'${pager.totalPages}' //总页数
            ,
            groups: 5 //连续显示分页数
            ,
            jump: function(obj, first) {
                //得到了当前页，用于向服务端请求对应数据
                var curr = obj.curr;
                if(!first) {
                	$("#skipToPage").val(curr);
                	$("#htform").submit();
                }
            }
        });
      
        var approvalstatus = $("#approvalstatushide").val();
        var states = $("#stateshide").val();
        var contractsign = $("#contractsignhide").val();
        if (approvalstatus != null && approvalstatus != "") {
	    	$("#approvalstatus").val(approvalstatus);
	    	form.render(); 
	    }
        if (states != null && states != "") {
	    	$("#states").val(states);
	    	form.render(); 
	    }
        if (contractsign != null && contractsign != "") {
        	$("#contractsign").val(contractsign);
        	form.render(); 
        }
 
        //查看付款详情
        $('.showpaymentinfo').on('click',function(){
        	var id =  $(this).attr("data"),
        	    url =  "/customer/paymentinfo?id="+id;
            parent.layer.open({
                title:'付款详情',
                type:2,
                content:url,
                shadeClose:true,
                btnAlign:'c',
                area:['80%','90%'],
            });
        });
                
    	//点击搜索
        $(".searchbtn").on("click",function(){
      	  $("#skipToPage").val(1);
      	  form.submit();
        });
        
    });
</script>


</body>
</html>